<template>
	<div class="activity_index">
		<div class="ai_title">活动首页</div>
		<div class="ai_list" v-for="(item,index) in activityIndexList" :key='index' @click="ai_click(item.path)">
			<div class="ai_name">{{item.title}}</div>
		</div>
		
	</div>
</template>

<script>
	export default {
		data() {
			return {
				activityIndexList:[
					{
						title:'节目投票',
						path:'/program'
					},
					{
						title:'部门投票',
						path:'/department'
					},
					{
						title:'点一点',
						path:'/activity'
					},
					{
						title:'抢红包',
						path:'/envelopes'
					},
					{
						title:'心目中的雷锋',
						path:'/two_department'
					},
				]
			}
		},
		created(){
			
		},
		methods:{
			ai_click(e){
				this.$router.push({
					path:e
				})
			}
		},
	}
</script>

<style scoped>
	.ai_title{
		height: 80px;
		line-height: 80px;
		font-size: 25px;
		font-weight: bold;
		text-align: center;
		color: #333333;
	}
	.ai_list{
		text-align: center;
		padding:25px 0 
	}
	.ai_name{
		font-size: 15px;
		color: #333333;
	}
</style>
